
<template>
	<el-dialog title="" visible :show-close="false" :modal-append-to-body="false" class="wrap" size="tiny">
			 <div class="bt">详情</div>
	<i class="el-icon-close close" @click="cancel" style="color: white;z-index: 99;"></i>
		<el-form label-width="150px" class="form">
		<el-tabs v-model="activeName"  style="text-align: center;">
		<!--<el-tab-pane label="学生考勤" name="first">-->
			      <el-table :data="dataList" stripe style="width: 100%" >
					<el-table-column prop="mc" label="商品名称"></el-table-column>
					<el-table-column prop="lx" label="商品类型" ></el-table-column>
				  </el-table>
			    <!--</el-tab-pane>-->
	    </el-tabs>
		</el-form>
		<el-button type="primary" class="submit" @click="cancel">确定</el-button>
	</el-dialog>
</template>

<script type="text/javascript">
	import qs from 'qs'
	export default {
		props: ['params'],
		data() {
			return {
				activeName: 'first',
				form: {
					mbmc:'',
					sendcnt:'',
					lsmc:'',
					zxcnt:'',
					 x1cnt:'',
					 x2cnt:'',
					 x3cnt:'',
					 x4cnt:'',
					 x5cnt:'',
					 jprs:'',
					 x1cnt:'',
					 x2cnt:'',
					 x3cnt:'',
					 x4cnt:'',
					 x5cnt:'',
					 jpbl:'',
					 id:'',
				},
				dataList: [],
			}
		},
		created() {
           this.form.id=this.params.row.id;
			this.loadinfo();
		},
		methods: {
			loadinfo(){
 				 var logininfo = JSON.parse(localStorage.logininfo) ;
				         var params3 = qs.stringify({
				           xxid:logininfo.xxid,
				           yhid:logininfo.id,
				           xfjlid:this.form.id
						});
 				 this.axios.post(this.$store.state.api+'order/shspxq',params3)
               .then( res =>  {
               	console.log(res,'kkkkk')
 							this.dataList=res.data.data.list
 					 }).catch(res => {
 						 this.$message.warning("服务器异常");
 			 				this.$emit('close', { type: 'info1', cancel: true });
 					 })
 			},
			cancel() {
				this.$emit('close', { type: 'info1', cancel: true })
			}
		}
	}
</script>

<style lang="less" scoped>
	.wrap {
		text-align: center;
	}
.bt{
			position: absolute;
			width: 100%;
			height: 50px;
			margin: 0 auto;
			top:0;
			left:0;
			background: #50BFFF;
			margin-bottom: 20px;
			color:white;
			text-align:left;
			line-height: 50px;
			font-size: 17px;
			padding-left: 15px;
		}

	.form {
		text-align: center;
		margin-top: 20px;
	}
	 .input {
            display: inline-block;
        }
         .tables{
          border-collapse:collapse;
          background-color: #fff;
      }
      .tds{
      	width: 2%;
      	text-align: center;
          border: 1px solid #CCCCCC;
      }

	.select-block {
		width: 50%;
		border: none;
		float: left;
		outline: none;
		border-bottom: 1px solid#CCCCCC;
		font-size: 16px;
	}

	.submit {
		width: 120px;
		margin-top: 10px;
	}
	.aa{
		margin-bottom: 15px;
		float: left;
	}
	.aa span{
		float: left;
	}
</style>
